@import "public.less";
@import "button.less";


header.mui-bar{
    background: #22222F url(../icon/topbg.png) no-repeat left top;
    background-size: cover; 
}

.mui-bar.index-nav{
    background: @base;
    height: 110px/2 !important;
    overflow: hidden;
    .mui-tab-item{
        height: 110px/2 !important;
        color: @white;
        opacity: .6;
        .mui-tab-label{
            .fontSize(18px);
        }
        &.mui-active{
            opacity: 1;
        }
        .bexta-icon-showye{
            .wh2x(50px, 46px);
            background: url(../icon/shouye@2x.png) no-repeat center bottom;
            background-size: 50px/2 auto;
        }
        .bexta-icon-zuji{  
            .wh2x(43px, 42px);
            background: url(../icon/chanping@2x.png) no-repeat center bottom;
            background-size: 43px/2 auto;
        }
        .bexta-icon-faxiang{
            .wh2x(43px, 40px);
            background: url(../icon/xiaoxi@2x.png) no-repeat center bottom;
            background-size: 43px/2 auto;
        }
        .bexta-icon-wode{
            .wh2x(42px, 50px);
            background: url(../icon/wode@2x.png) no-repeat center bottom;
            background-size: 42px/2 auto;
        }
        .mui-icon{
            min-height: 70px/2;
        }
    }
}

